<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>喵酱</title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
	<header>
		<div class="container">
			<h1 class="logo"></h1>
			<div class="search">
				<input type="text" class="input" placeholder="输入歌曲名，歌手名称查询" />
			</div>
			<div class="user">Kitty</div>
		</div>
	</header>
	<main>
		<div class="container">
			<section class="list hide">
				<table>
					<thead>
						<tr>
							<th>#</th>
							<th>歌曲</th>
							<th>歌手</th>
							<th>专辑</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</section>
		</div>
	</main>

	<footer>
		<div class="player">
			<div class="title"></div>
			<div class="progress">
				<div class="current-progress" style="width: 0;"></div>
				<div class="current-progress-dot" style="left: 0;"></div>
			</div>
			<div class="current-time"></div>
			<div class="duration"></div>
		</div>
	</footer>

	<div id="jplayer"></div>

<script src="js/jquery.min.js"></script>
<script src="js/jplayer.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>